$(function(){
    layui.use(['form','jquery'], function () {
        let $=layui.$;
        let form=layui.form;

        $.ajax({
            url: 'http://localhost:8080/subject/selectLevelNameByDistinct',
            type: 'get',
            success: function (vo) {
                if (vo.code == 200) {
                    $.each(vo.data, function (i, s) {
                        $("#levelName").append("<option value='" + s.levelName + "'>" + s.levelName + "</option>");
                    });
                }
                form.render();
            }
        });

    });
});



layui.use(['table', 'jquery','form'], function () {
    //使用layui的table模块来操作表格
    let table = layui.table;
    //使用layui的jquery模块
    let $ = layui.$;
    //导航的hover效果、二级菜单等功能，需要依赖element模块
    let form = layui.form; 

    //当页面加载就需要渲染表格数据
    table.render({
        elem: '#demo',   //引用表格的ID
        id: 'taskTable', //这个id是render的id，可以用于表格reload时引用
        url: 'http://localhost:8080/task/listTask',  // 请求地址
        method: 'get',
        toolbar: '#searchToolBar',   //设置toolbar
        page: true,  //启用表格分页功能
        // width:1500,
        cols: [[     //表头
            { field: 'taskId', title: 'Id', sort: true, fixed: 'left' ,width:'10%'},
            { field: 'title', title: '任务名称' },
            { field: 'levelName', title: '年级'  },
            { field: 'userInfo', title: '创建人' ,
                templet:function(res){
                    return "<span>"+res.userInfo.userName+"</span>"
                }
            },
            { field: 'createTime', title: '创建时间', sort: true  }
        ]]
    });

    //绑定表格的toolbar事件
    table.on('toolbar(taskList)', function (obj) {
        //获取按钮对象lay-event属性值
        let event = obj.event;

        switch (event) {
            //在不同的case中做不同的按钮事件处理
            case 'search':
                //重载表格加载新的数据, 引用render的id
                table.reload('taskTable', {
                    method: 'get',
                    where: {
                        title: $('#title').val(),
                        levelName: $('#levelName').val()
                    },
                    page: {
                        curr: 1  //查询回来后默认显示在第一页
                    }
                });

                // 重新查询年级
                $.ajax({
                    url: 'http://localhost:8080/subject/selectLevelNameByDistinct',
                    type: 'get',
                    success: function (vo) {
                        if (vo.code == 200) {
                            $.each(vo.data, function (i, s) {
                                $("#levelName").append("<option value='" + s.levelName + "'>" + s.levelName + "</option>");
                            });
                        }
                        layui.form.render();
                    }
                });
                
        }

    });


});